.animation,
#main,
#warp {
  transition: all 0.3s ease-out;
}
.animation .hide,
#con {
  transform: scale(0);
}
#main,
#warp {
  width: 200px;
}
#main:after,
#warp:after {
  content: 'hello';
}
.wrap {
  width: 100px;
}
.wrap:hover {
  background-color: aliceblue;
}
.a {
  width: 100px;
}
.a:hover {
  background-color: aliceblue;
}
